<template>
    <el-row>
        <el-col :span="24" class="indexFooter">
            <div>
                <img src="../../assets/offWeb/we.png" height="200" width="200"/>
                <h2>扫描二维码惊喜<span>惊喜简述惊喜简述惊喜简述惊喜简述</span></h2>
                <p>
                    <el-button round class="loginIS bgF7AE66" @click="login">登录 / 注册</el-button>
                    <a  href="../../../路由列表.txt" download="路由列表.txt"><el-button type="warning" round class="loginIS bgfff">下载撒子</el-button></a>
                </p>
            </div>
        </el-col>
    </el-row>
</template>
<script type="text/ecmascript-6">
    export default {
        name: 'offFooter',
        components: {}, methods: {
            login() {
                this.$router.replace('/login')
            }
        },
        data() {
            return {}
        }
    }
</script>
<style lang="scss" scoped>
    * {
        padding: 0;
        margin: 0;
    }

    .loginIS {
        background: none;
        width: 120px;
        height: 40px;
        border: 1px solid rgba(255, 247, 240, 1);
        border-radius: 25px;
        font-size: 12px;
        color: #fff;
    }

    .indexFooter {
        width: 100%;
        height: 520px;
        background: url("../../assets/offWeb/BG.png") no-repeat center;
    }

    .indexFooter img {
        float: left;
        padding-right: 50px
    }

    .indexFooter div {
        max-width: 600px;
        margin: 150px auto 0 auto;
    }

    .indexFooter h2 {
        font-size: 40px;
        color: #FFF7F0;
        font-weight: 100;
    }

    .indexFooter h2 span {
        display: block;
        font-size: 14px;
        padding: 10px 0 50px 0;
        color: #B69D99;
    }

    .indexFooter button {
        color: #563412;
        border: none;
    }

    .indexFooter button.bgF7AE66 {
        background: #F7AE66;
    }

    .indexFooter button.bgfff {
        background: #fff;
    }

    .indexFooter button.bgF7AE66:hover {
        background: rgba(247, 174, 102, 0.6);
    }

    .indexFooter button.bgfff:hover {
        background: rgba(255, 247, 240, 0.6);
    }
</style>